

<ion-content>
  <ion-header>
    <ion-navbar color="white-trans">
      <button ion-button menuToggle>
        <ion-icon name="menu"></ion-icon>
      </button>

      <button ion-button clear float-right style="color: black;font-size: 2rem;">
      <ion-icon name="ios-chatbubbles-outline"></ion-icon>
      </button>

    </ion-navbar>
  </ion-header>

  <div #map id="container"></div>
  <!--<button ion-button secondary menuToggle>Toggle Menu</button>-->
</ion-content>

<ion-footer text-center style="height: 5rem;">
  <button id="addBtn" ion-button icon-only clear (click)="addActivity()" style="margin-top: -3rem;height: 6rem;width: 6rem;
  border-radius: 6rem;box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.5);">
    <ion-icon name="add"></ion-icon>
  </button>
</ion-footer>
